<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="footerBar(tags,resLinks)">
    <div class="module parallax">
        <img class="jarallax-img lazyload" src="/static/images/vip-banner.png" alt="">
        <div class="container">
            <h4 class="entry-title"> 加入本站VIP会员订阅计划，海量资源免费查看 </h4>
            <a target="_blank" class="button" href="/person/goMmeberVip.html">目前为止共有 3654 位优秀的VIP会员加入！</a>
            <a target="_blank" class="button transparent" href="/person/goMmeberVip.html" >立刻加入VIP会员</a>
        </div>
    </div>
    <footer class="site-footer">
        <div class="container">
            <div class="footer-widget">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-3 widget--about">
                        <div class="widget--content">
                            <div class="footer--logo mb-20">
                                <img class="tap-logo" src="/static/images/logo.png" alt="资源基地">
                            </div>
                            <p class="mb-10">更新一手高价值付费网课，内部培训项目</p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-3 col-md-2 col-md-offset-1 widget--links">
                        <div class="widget--title">
                            <h5>本站导航</h5>
                        </div>
                        <div class="widget--content">
                            <ul class="list-unstyled mb-0">
                                <th:block th:each="cateData,userStat:${resCategoryModel}">
                                    <li><a target="_blank" th:href="${cateData?.url}" th:text="${cateData?.categotyName}" th:styleappend="${userStat.index}>2?'display:none':''"></a></li>
                                </th:block>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-3 col-md-2 widget--links">
                        <div class="widget--title">
                            <h5>更多</h5>
                        </div>
                        <div class="widget--content">
                            <ul class="list-unstyled mb-0">
                                <li><a target="_blank" href="/web/hotmsg.html">热点资讯</a></li>
                                <li><a target="_blank" href="/web/me.html">关于我们</a></li>
                                <li><a target="_blank" href="/web/tags.html">标签云</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-4 widget--newsletter">
                        <div class="widget--title">
                            <h5>快速搜索</h5>
                        </div>
                        <div class="widget--content">
                            <form class="newsletter--form mb-30" method="get" action="/web/search.html" name="searchFooterForm"  onsubmit="return searchFormFooterSubmit();">
                                <input type="text" class="form-control" name="keywords" placeholder="输入关键词搜索...">
                                <button type="submit"><i class="fa fa-arrow-right"></i></button>
                            </form>
                            <h6>资源基地-你的学习资源库</h6>
                        </div>
                        <script>
                            function searchFormFooterSubmit() {
                                if (searchFooterForm.keywords.value == "") {
                                    layer.msg('输入关键词搜索！', {time: 1500, icon: 5});
                                    searchFooterForm.keywords.focus();
                                    return false;
                                }
                                return true;
                            }
                        </script>
                    </div>
                </div>
            </div>
            <div class="footer-links">
                <h6>友情链接：</h6>
                <ul class="friendlinks-ul">
                    <th:block th:each="resLink:${resLinks}">
                        <li><a th:href="${resLink?.linkUrl}" target="_blank" th:text="${resLink?.linkName}"></a></li>
                    </th:block>
                </ul>
            </div>
            <div class="site-info">
                Copyright © 2012-2018 资源基地 版权所有<a href="#" rel="nofollow" target="_blank">琼ICP备xxxxxxxx号</a> <br>
            </div>
        </div>
    </footer>
    <div class="rollbar">
        <div class="rollbar-item tap-dark" etap="tap-dark" title="夜间模式">
            <i class="mdi mdi-brightness-4"></i>
        </div>
        <div class="rollbar-item tap-qq" etap="tap-qq">
            <a target="_blank" title="QQ咨询" href="http://wpa.qq.com/msgrd?v=3&amp;uin=731727335&amp;site=qq&amp;menu=yes"><i class="fa fa-qq"></i></a>
        </div>
        <div class="rollbar-item" etap="to_full" title="全屏页面"><i class="fa fa-arrows-alt"></i></div>
        <div class="rollbar-item" etap="to_top" title="返回顶部"><i class="fa fa-angle-up"></i></div>
    </div>
    <div class="dimmer"></div>
    <!-- 测边框 -->
    <div class="off-canvas">
        <div class="canvas-close"><i class="mdi mdi-close"></i></div>
        <div class="logo-wrapper">
            <a href="javascript:;">
                <img class="logo regular" src="/static/images/logo.png" alt="资源基地">
            </a>
        </div>
        <div class="mobile-menu hidden-lg hidden-xl"></div>
        <aside class="widget-area">
            <div id="tag_cloud" class="widget widget_tag_cloud">
                <h5 class="widget-title">标签</h5>
                <div class="tagcloud">
                    <th:block th:each="tag:${tags}">
                        <a th:href="@{'/tag/'+${tag?.tagPinyin}+'.html'}" th:text="${tag?.tagName}"></a>
                    </th:block>
                </div>
            </div>
        </aside>
    </div>
</div>
</html>
